<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;padding: 0;
			}
			#container{
				width: 800px;margin-left: auto;margin-right: auto;
			}
			#header{
				width: 100%;height:200px ;background-color: azure;
			}
			#center{
				
			}
			#left{
				width: 50%;
				float: left;
				background-image: url(imgs/605124841-1.jpg);
			}
			#right{
				width: 50%;
				float: left;
				background-image: url(imgs/605124841-6.jpg);
			}
			#footer{
				width: 100%;height: 200px;
				background-color:lightgreen;
			}
		</style>
	</head>
	<body >
		<!--总范围container-->
		<div id="container">
			<!--header-->
			<div id="header">
				header
			</div>
			<!--center-->
			<div id="center">
				<!--left-->
				<div id="left">left</div>
				<!--right-->
				<div id="right">right</div>
			</div>
			<!--footer-->
			<div id="footer">
				footer
			</div>
		</div>
	</body>
</html>
